<template>
  <div class="Login">
    <el-card class="box-card login_box">
      <!-- <el-col :span="16"></el-col> -->
      <router-view />
    </el-card>
  </div>
</template>

<script>
export default {
  name: "Login",
  data() {
    return {};
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.Login {
  background-image: url("../../../assets/img/mls.jpg");
  width: 100%;
  height: 100%;
  background-position: center 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  -webkit-background-size: cover; /* 兼容Webkit内核浏览器如Chrome和Safari */
  -o-background-size: cover; /* 兼容Opera */
  zoom: 1;
}
.login_box {
  width: 1026px;
  height: 505px;
  background-color: #fff;
  border-radius: 3px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
</style>
